// 智慧消防区域内的表格
<template>
    <div class="table-wrapper">
         <el-table
            :data="tableData"
            style="width: 100%">
            <el-table-column
                prop="status"
                label="  "
                width="65">
            </el-table-column>
            <el-table-column
                prop="fireHydrant"
                label="总数"
                width="75">
            </el-table-column>
            <el-table-column
                prop="smokeAlarm"
                label="在线"
                width="75">
            </el-table-column>
            <el-table-column
                prop="others"
                label="异常"
                width="75">
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
  data(){
    return{
      tableData: [{
                status: '消防栓',
                fireHydrant: '300',
                smokeAlarm: '200',
                others:'150'
            }, {
                status: '烟感',
                fireHydrant: '290',
                smokeAlarm: '190',
                others:'140'
            }, {
                status: '其它',
                fireHydrant: '7',
                smokeAlarm: '10',
                others:'5'
            }]
    }
  }
    
}
</script>

<style scoped>
    table-wrapper /deep/ .el-table--fit {
    padding: 0px !important;
    border: none !important;
  }
 
  .table-wrapper .el-table, .el-table__expanded-cell {
    background-color: transparent !important;
    border: none !important;
  }
 
  .table-wrapper /deep/ .el-table tr {
    background-color: transparent !important;
    border: none;
  }
 
  .el-table /deep/  .el-table--enable-row-transition .el-table__body td, .el-table .cell{
    background-color: transparent !important;
    border: none;
  }
 
  /*表中数据的颜色及背景等*/
  .el-table th, .el-table tr {
    border: 0!important;
    background-color: transparent!important;
    color: white !important;
  }
 
  /*去每一行记录下的横线*/
  .el-table--border tr,td{
    border: none!important;
  }
 
  /*去最下面的横线*/
  .el-table::before{
    height:0!important;
  }
 
  /*table内的高亮*/
  .el-table tbody tr:hover>td {
    background-color:rgba(64,158,255,0.4)!important
  }

</style>